<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<title>levo H5 vod</title>
	<script type="text/javascript" src='./js/jquery.min.js'></script>
	<script type="text/javascript" src="./levoplayer.min.js"></script>
	<style media="screen">
		.allCont{max-width: 414px;margin: 0 auto;}
		.container {
			position: relative;

		}

		.dialog {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 30px;
			line-height: 30px;
			text-align: center;
			background: rgba(11,20,41,.5);
			z-index: 10;
		}

		.bottom {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			color:#fff;
			height:30px;
			line-height: 30px;
			text-align: center;
			cursor: pointer;
			/*height:50px;*/
			background: rgba(11,20,41,.5);
			z-index: 100000;
		}

		.oo {
			height: 200px;
			background: #6666;
		}

		#button {
			position: absolute;
			top: 100px;
			left: 100px;
		}
		/*div.sewise-player-ui div.big-play-btn{
      display: none;
    }*/
		#levoID+div.sewise-player-ui div.logo a.logo-icon{
			width:61px;
			height: 67px;
		}
	</style>
</head>

<body>
	<div class="allCont">
		<div class="container">
			<div id="player" style="width: 100%; height: 100%; "></div>
			<div class="dialog">显示遮罩层测试 瞬语版权所有</div>
			<div class="bottom">在瞬语app观看测试</div>
		</div>
		<div class="oo">ceshi策划 i 送家人送蛋糕风刀霜剑个故事给大家介绍给世界的复古风</div>
		<div class="oo">ceshi策划 i 送家人送蛋糕风刀霜剑个故事给大家介绍给世界的复古风</div>
	</div>

	<script type="text/javascript">
		SewisePlayer.setup({
			server: "vod",
			// server:"live",
			type: "m3u8",
			// type: "rtmp",
			autostart: "false",
			draggable: "false",
			poster: "http://jackzhang1204.github.io/materials/poster.png",
			logo: "http://www.mirrorer.com/img/logoo.png",
			// videourl: "http://pili-live-hls.wx.mirrorer.com/shunyu-radio/d043da36d591481fb458ad827ce9c7d1-video.m3u8", //点播地址
			// videourl: "http://rm05.wscdn.hls.xiaoka.tv/live/lyFH3HZvXpKmsYbT/playlist.m3u8", //点播地址
			videourl: "http://wscdn.alhls.xiaoka.tv/20161226/6ca/609/mPdhluhKP5Ut61DW/index.m3u8", //点播地址
			// videourl: "./m3u8/index.m3u8", //点播地址
			// streamurl:"", //直播地址
			skin: "vodWhite",
			title: "Levo Live M3U8",
			claritybutton: "disable",
			lang: "zh_CN",
			controlbardisplay: "disable", //播放控件
			topbardisplay: "disable" //顶部标题
		}, "player");
	</script>
	<script type="text/javascript">
		var a = $("#levoID");
		$(".container").height($(window).height());
		SewisePlayer.onStart(function(id) {
			var temer = setTimeout(function() {
				$(".container").height(parseInt($(window).height()) + 3);
				// $(".bottom").css("position", "fixed");
			}, 100);

		});
	</script>

</body>

</html>
